<template>
  <div>
    <h3 class="title">从0开始，2s完成</h3>
    <increase :target-value="2000"></increase>
    <h3 class="title">从指定值开始，指定时间完成</h3>
    <increase :initial-value="99" :target-value="9999" :delay="5000"></increase>
    <h3 class="title">异步数据</h3>
    <increase :target-value="num" :delay="1000"></increase>
  </div>
</template>

<script>
import Increase from '../components/Increase'

export default {
  components: {
    Increase
  },
  data () {
    return {
      num: 0
    }
  },
  mounted () {
    setTimeout(() => {
      this.num = 32865345.32
    }, 1000)
  }
}
</script>

<style scoped>

</style>
